
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-control" content="no-cache"/>
    <meta http-equiv="Cache" content="no-cache"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <!--    <meta name="renderer" content="webkit">-->
    <!--<meta name="keywords" content="哈尔滨,美食,哈尔滨美食地图,哈尔滨小吃,哈尔滨特色,哈尔滨特色食品,哈尔滨吃喝玩乐"/>
    <meta name="description" content="哈尔滨土著的乐园，外地人了解冰城的窗口，地域喷子的坟墓，用饕餮美食征服每一位来自、到过、生活、即将在哈尔滨的人..."/>-->
    <link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.css" rel="stylesheet"/>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
    <link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css" rel="stylesheet"/>
    <!--<link href="css/bootsnav.css" rel="stylesheet"/>-->
    <link th:href="@{css/pagerprettify.css}" rel="stylesheet"/>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/npm.js"></script>
    <title th:text="${title}"></title>
</head>
<body>
<div class="wrap">
    <div class="main">
        <!--引入页头-->
        <div th:include="commons/header::top"></div>
        <!--<div class="row-fluid">
            <div th:include="commons/carousel::carousel"></div>
        </div>-->
        <!--主要内容-->
        <div class="row-fluid">
            <!--页面-->
            <div id="wrapper" class="container-fluid">
                <!--标题1-->
                <div class="row-fluid">
                    <div class="span12">
                        <h1 class="title2" style="font-family: 方正舒体">代理列表</h1>
                        <hr/>
                    </div>
                </div>
                <!--栏目1-->
                <div class="row-fluid">
                    <div class="span12">
                        <table class="table table-bordered table-condensed">
                            <!--10项-->
                            <tr>
                                <td>Id</td>
                                <td>IP</td>
                                <td>Port</td>
                                <td>Server_Address</td>
                                <td>Anonymous</td>

                                <td>Type</td>
                                <td>Speed</td>
                                <td>Connect_Time</td>
                                <td>TTL</td>
                                <td>Auth_Time</td>
                            </tr>
                            <tbody>
                                <tr th:each="proxy:${list}">
                                    <td th:text="${proxy.id}">Id</td>
                                    <td th:text="${proxy.ip}">IP</td>
                                    <td th:text="${proxy.port}">Port</td>
                                    <td th:text="${proxy.serverAddress}">Server_Address</td>
                                    <td th:text="${proxy.anonymous}">Anonymous</td>

                                    <td th:text="${proxy.type}">Type</td>
                                    <td th:text="${proxy.speed}">Speed</td>
                                    <td th:text="${proxy.connectTime}">Connect_Time</td>
                                    <td th:text="${proxy.ttl}">TTL</td>
                                    <td th:text="${proxy.authTime}">Auth_Time</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--备用样式-->
                <!--<ul class="thumbnails">
                    <li class="span3">
                        <div class="thumbnail">
                            <front alt="300x200" src="http://www.bootcss.com/p/layoutit/img/people.jpg" />
                            <div class="caption">
                                <h3>
                                    冯诺尔曼结构
                                </h3>
                                <p>
                                    也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
                                </p>
                                <p>
                                    <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="span3">
                        <div class="thumbnail">
                            <front alt="300x200" src="http://www.bootcss.com/p/layoutit/img/city.jpg" />
                            <div class="caption">
                                <h3>
                                    哈佛结构
                                </h3>
                                <p>
                                    哈佛结构是一种将程序指令存储和数据存储分开的存储器结构，它的主要特点是将程序和数据存储在不同的存储空间中，进行独立编址。
                                </p>
                                <p>
                                    <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="span3">
                        <div class="thumbnail">
                            <front alt="300x200" src="http://www.bootcss.com/p/layoutit/img/sports.jpg" />
                            <div class="caption">
                                <h3>
                                    改进型哈佛结构
                                </h3>
                                <p>
                                    改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线，两条总线由程序存储器和数据存储器分时复用，使结构更紧凑。
                                </p>
                                <p>
                                    <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="span3">
                        <div class="thumbnail">
                            <front alt="300x200" src="http://www.bootcss.com/p/layoutit/img/people.jpg" />
                            <div class="caption">
                                <h3>
                                    冯诺尔曼结构
                                </h3>
                                <p>
                                    也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
                                </p>
                                <p>
                                    <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!--引入页脚-->
<div class="footer" th:include="commons/footer::bottom"></div>
</body>
</html>